<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script>
      /**
       * 1.查询当前用户信息
       * 2.按照当前用户的id查出他的课程
       * 3.按照当前课程id查询出分数
       */
      // $.ajax({
      //   url:'mall-vue/src/views/demo/promise/user.json',
      //   success(data){
      //     $.ajax({
      //       url:'mall-vue/src/views/demo/promise/user_coure_${data.id}.json',
      //       success(data){
      //         $.ajax({
      //           url:'mall-vue/src/views/demo/promise/course_score_{data.id}.json',
      //           success(data){
      //             console.log(data.score)
      //           },
      //           error(err){

      //           }
      //         })
      //       },
      //       error(err){

      //       }
      //     })
      //   },
      //   error(err){

      //   }
      // })

      // const p = new Promise(function(resolve, reject) {
      //   $.ajax({
      //     url:'mall-vue/src/views/demo/promise/user.json',
      //     success(data){
      //       console.log("查询用户成功!=用户名称==", data.name)
      //       resolve(data);
      //     },
      //     error(err){
      //       reject(error);
      //     }
      //   })

      //   p.then(function(data){
      //     return new Promise(function(resolve, reject) {
      //       $.ajax({
      //         url:'mall-vue/src/views/demo/promise/user_coure_${data.id}.json',
      //         success(data){
      //           console.log("查询课程成功!=课程名称==", data.title)
      //           resolve(data);
      //         },
      //         error(err){
      //           reject(error);
      //         }
      //       })
      //     })

      //   },function(error){

      //   }

      // ).then(function(data){
      //   $.ajax({
      //     url:'mall-vue/src/views/demo/promise/course_score_{data.id}.json',
      //     success(data){
      //       console.log("查询分数成功!=分数==", data.score)
      //     },
      //     error(err){

      //     }
      //   })
      // })


      function get(url, param){
        return new Promise((resolve, reject) => {
            $.ajax({
              url: url,
              data: param,
              success(data){
                resolve(data);
              },
              error(err){
                reject(err);
              }
            })
        })
      }

      //上述代码简写：
      get(`user.json`)
        .then((data) => {
            console.log("查询用户成功!=用户名称==", data)
            return get(`user_course_${data.id}.json`)
        })
        .then((data) => {
            console.log("查询课程成功!=课程名称==", data)
            return get(`course_score_${data.id}.json`)
        })
        .then((data) => {
          console.log("查询分数成功!=分数==", data)
        })
        .catch((err) => {
          console.log("出现异常：", err)
        })

    </script>
	</body>
</html>
